// 导航栏状态管理
function initNavState() {
    // 获取导航栏相关元素
    const navbar = document.querySelector('.navbar');
    const menuToggle = document.querySelector('.menu-toggle');
    const navLinks = document.querySelector('.nav-links');
    const navItems = document.querySelectorAll('.nav-link');
    
    if (!navbar || !menuToggle || !navLinks) {
        console.log('Navigation elements not found, skipping initialization');
        return;
    }

    console.log('Navigation state initialized');

    // 移动端菜单切换
    function toggleMobileMenu() {
        console.log('toggleMobileMenu大萨达33333333333');
        menuToggle.classList.toggle('active');
        navLinks.classList.toggle('active');
        // 切换菜单时禁止/允许页面滚动
        document.body.style.overflow = navLinks.classList.contains('active') ? 'hidden' : '';
    }

    // 点击导航链接时关闭移动端菜单
    function closeMobileMenu() {
        menuToggle.classList.remove('active');
        navLinks.classList.remove('active');
        document.body.style.overflow = '';
    }

    // 设置导航栏激活状态
    function setNavActiveState() {
        const currentPath = window.location.pathname;
        const normalizedPath = currentPath.replace(/index\.html$/, '');
        
        navItems.forEach(link => {
            const href = link.getAttribute('href');
            
            // 移除所有激活状态
            link.classList.remove('active');
            
            // 处理首页的情况
            if ((normalizedPath === '/' || normalizedPath.endsWith('/index.html')) && href === '/') {
                link.classList.add('active');
                return;
            }
            
            // 处理其他页面
            if (href.endsWith('.html') && normalizedPath.endsWith(href)) {
                link.classList.add('active');
                return;
            }

            // 处理锚点链接
            if (href.startsWith('/#') || href.startsWith('#')) {
                const hash = href.split('#')[1];
                if (window.location.hash === `#${hash}`) {
                    link.classList.add('active');
                }
            }
        });
    }

    // 处理导航栏滚动效果
    function handleNavbarScroll() {
        const logoWhite = document.querySelector('.logo_white');
        const logoSe = document.querySelector('.logo_se');
        
        if (window.scrollY > 50) {
            navbar.classList.add('scrolled');
            if (logoWhite && logoSe) {
                logoWhite.style.display = 'none';
                logoSe.style.display = 'block';
            }
        } else {
            navbar.classList.remove('scrolled');
            if (logoWhite && logoSe) {
                logoWhite.style.display = 'block';
                logoSe.style.display = 'none';
            }
        }
    }

    // 处理点击导航链接
    function handleNavClick(e) {
        const href = e.currentTarget.getAttribute('href');
        
        // 如果是锚点链接，平滑滚动
        // if (href.startsWith('/#') || href.startsWith('#')) {
        //     e.preventDefault();
        //     const targetId = href.split('#')[1];
        //     const targetElement = document.getElementById(targetId);
            
        //     if (targetElement) {
        //         // 关闭移动端菜单
        //         closeMobileMenu();
                
        //         // 平滑滚动到目标位置
        //         targetElement.scrollIntoView({
        //             behavior: 'smooth',
        //             block: 'start'
        //         });
                
        //         // 更新 URL hash
        //         history.pushState(null, null, href);
        //     }
        // }
    }

    // 初始化事件监听
    function initEventListeners() {        
        // 移动端菜单切换
        menuToggle.addEventListener('click', toggleMobileMenu);
        
        // 点击导航链接
        navItems.forEach(link => {
            link.addEventListener('click', handleNavClick);
        });
        
        // 点击页面其他区域关闭菜单
        document.addEventListener('click', (e) => {
            if (navLinks.classList.contains('active') && 
                !e.target.closest('.navbar')) {
                closeMobileMenu();
            }
        });
        
        // 监听路由变化
        window.addEventListener('popstate', setNavActiveState);
        
        // 监听滚动事件
        window.addEventListener('scroll', handleNavbarScroll);
        
        // 监听窗口大小变化
        window.addEventListener('resize', () => {
            if (window.innerWidth > 768) {
                closeMobileMenu();
            }
        });
    }

    // 初始化
    setNavActiveState();
    handleNavbarScroll();
    initEventListeners();
}

// 确保在组件加载完成后执行
if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', initNavState);
} else {
    initNavState();
}